<template>
    <div class="result-page">
      <div class="result-main flex-box">
        <div>
          <img src="../assets/img/submit-success.png">
          <h3>恭喜您成功开启基因之旅</h3>
          <p>请在工作人员指导下进行采样，采样后可以即可在公众号查看进度</p>
          <button @click="checkInstruction" class="re-commit active">查看采样说明</button>
        </div>
      </div>
    </div>
</template>

<script>
// @ is an alias to /src
export default {
  name: "result",
  data() {
    return {};
  },
  components: {},
  computed: {},
  methods: {
    checkInstruction() {
      this.$router.push("/SjInstruction");
    }
  },
  mounted() {}
};
</script>
<style lang="scss">
.result-page {
  max-width: 750px;
  margin: 0 auto;
  .result-main {
    width: 100%;
    height: 90vh;
    text-align: center;
    img {
      width: r(150);
    }
    h3 {
      font-size: r(20);
      color: #2f3338;
      margin-top: r(12);
    }
    p {
      font-size: r(14);
      color: #999999;
      width: r(275);
      letter-spacing: 1px;
      text-align: center;
      line-height: r(25);
      margin-top: r(12);
    }
    .re-commit {
      width: r(195);
      height: r(50);
      border-radius: r(10);
      background: #dedede;
      border: none;
      outline: none;
      font-size: r(18);
      color: #fff;
      margin-top: r(36);
    }
    button.active {
      background: #66b9fe;
    }
  }
}
</style>
